<template>
  <div class="btn-box">
    <button type="button" @click="toolFun('changeRowCol', 'row', 1)" class="btn">添加行</button>
    <button type="button" @click="toolFun('changeRowCol', 'row', -1)" class="btn">删除行</button>
    <button type="button" @click="toolFun('changeRowCol', 'col', 1)" class="btn">添加列</button>
    <button type="button" @click="toolFun('changeRowCol', 'col', -1)" class="btn">删除列</button>
    <button type="button" @click="toolFun('mergeCell')" class="btn">合并并居中</button>
  </div>
</template>

<script setup>

  import { defineEmits } from 'vue';
  const toolFun = defineEmits(['changeRowCol', 'mergeCell'])


</script>

<style scoped>

  .btn-box {
    width: 800px;
    display: flex;
    justify-content: space-evenly;
  }
  .btn {
    width: 100px;
    height: 47px;
  }
</style>
